import { Component } from 'react';
import TodoItem from './TodoItem';
import './TodoList.css';

class TodoList extends Component {
  render() {
    const { todos } = this.props;

    return (
      <div>
        <ul>
          {todos.map((todo, index) => (
            <TodoItem todo={todo} key={index} />
          ))}
        </ul>
      </div>
    );
  }
}

export default TodoList;
